@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_1462949504_611988.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/font_1462949504_611988.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/font_1462949504_611988.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/font_1462949504_611988.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_1462949504_611988.svg#iconfont') format('svg'); /* iOS 4.1- */
}
                    
.iconfont {
  font-family: "iconfont";
  font-size: 0.16rem;
  font-style: normal;
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1; /*IE/7/6*/
}
.padd30{
  padding:0.3rem;
}
.padd20{
  padding:0.2rem;
}
.fl{
  float:left;
}
.fr{
  float:right;
}
.hide {
display: none;
}
.page-index .marleft-first {
  _margin-left: 0;
  margin-left: 0;
}
.hf-btn.btn-bule {
  background-color: #00a0ea;
}
.ui_line {
  height: .2rem;
   background: #eaeaec;
  overflow: hidden;
  clear: both;
}
.ui-button {
  display: block;
  -webkit-border-radius: .1rem;
  -moz-border-radius: .1rem;
  -ms-border-radius: .1rem;
  -o-border-radius: .1rem;
  border-radius: .1rem;
  background-color: #00a0ea;
  text-align: center;
  height: 1rem;
  line-height: 1rem;
  color:#fff;
  border: 1px solid #00a0ea;
}

/*头部*/
/*头部开始*/
.header {
  display: box;
  display: -webkit-box;
  height: .9rem;
  box-align: center;
  -webkit-box-align: center;
  padding: 0 .2rem;
  background: #eeeeee;
  border-bottom: 1px solid #e1e1e1;
  position: relative;

}
.index-header{
   background: #00a0e9;
  border-bottom: 1px solid #00a0e9;
}
.page-list .header{

}
.header .left .ib {
  width: .44rem;
  height: .44rem;
}
.header .left {
  position: relative;
  z-index: 1;
}
.header .left a {
  display: block;
}
.header .left .logo {
  width:1.23rem;
  height: .54rem;
}
.header .tit {
  -webkit-box-flex: 1;
  box-flex: 1;
  width: 100%;
}
.header .tit h2 {
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  line-height: .9rem;
}
.header .tit span {
  font-size: .32rem;
  color: #333;
  font-weight: 400;
  background-size: ;
}
.header .right {
  position: relative;
}
.header .right .lg{
  display: inline-block;
  margin-left: .2rem;
  color:#fff;
  font-size: .24rem;
}
.wrapper {
    position: relative;
    z-index: 2;
      height: 100%;
}

/*弹出层*/
.mask {
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
}
.login ,.register,.resetpwd ,.class-dialog ,.course-ad{
  display:none;
}
.share-component{
  position: fixed;
  z-index: 9999;
  width:96%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #fff;
  text-align: center;
  min-height:200px;
  overflow:hidden;
  border-radius:5px;

}
.share-center{
  position: fixed;
  z-index: 9999;
  width:96%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #fff;
  text-align: center;
  min-height:200px;
  border-radius:5px;
    
}
.course-ad{
  position: fixed;
  width:96%;
  top:20%;
  left:2%;
  right:0;
  z-index: 9999;
  background:#fff;
  border-radius:5px;
}
.share-center .popTitle ,.course-ad .popTitle{
  border-radius: 5px 5px 0 0;
}
.share-center .popTitle .title,.course-ad .popTitle .title{
  font-size:0.24rem;

}
.popTitle {
  position:relative;
  color:#fff;
  z-index:999999;
  line-height:0.75rem;
  padding:0 0.2rem;
  background:#00a0ea; 
}
.popTitle .title{
  display:block;
  font-size:0.28rem;
  text-align:left;
  font-weight: normal;
}
.popTitle .close{
position: absolute;
font-size:0.32rem;
top:0;
right:0.2rem;
cursor:pointer;
}
 .hf-input {
  position: relative;
  padding-bottom:0.5rem;
  
}
.hf-input input {
  width: 100%;
  height: 0.8rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.1rem;
  border-radius: 3px;
  border: 1px solid #e5e5e5;
  font-size:0.28rem;
  line-height:0.48rem;
  color:#333;
  outline: 0;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.hf-err-tips {
  position: absolute;
  display: none; 
  left: 0;
  bottom: 0.1rem;
  font-size: 0.24rem;
  color: #ee3300;
}
.icon_error {
  font-size:0.26rem;
  margin: 0 0.1rem 0 0;
  
}
.hf-btn, .hf-dialog, .hf-mobile-container .hf-input-half .hf-btn-half img {
  width: 100%;
}

.hf-btn {
  display: block;
  height: 0.8rem;
  background-color: #eee;
  border: 0;
  border-radius: 3px;
  color: #fff;
  font-size: 0.3rem;
  line-height: 0.8rem;
  text-align: center;
  outline: 0;
  cursor: pointer;
    text-decoration: none;
    box-sizing: border-box;
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.hf-third-login {
  position: relative;
  overflow: hidden;
  padding-top:0.3rem;
  padding-bottom:0.05rem;
}
.hf-third-login .forget-pwd a{
 font-size: 0.3rem;
 color:#333;
}
.hf-third-login .forget-pwd em{
  margin-right:0.05rem;
  color:#999;
}
.hf-third-login .forget-pwd .col-blue{
   color: #00a0e9;
}
/*注册*/
.flag {
  position:absolute;
  top:0.09rem;
  right:0.09rem;
}
.btn-half{

  display: inline-block;
  width:1.9rem;
  height:0.6rem;
  line-height:0.6rem;
  border-radius:3px;
  color:#999;
  background:#f2f2f2;
}
.hf-dtm-get{
  display: inline-block;
  width:1.9rem;
  height:0.6rem;
  line-height:0.6rem;
  border-radius:3px;
  color: #fff;
  background: #44b336;
}
/*侧边栏*/
.sideBar{
  position: fixed;
  width:0.6rem;
  top:20%;
  right:0px;
  z-index:2;
}
.sideBar .sideBar-ul{
  overflow:hidden;
}
.sideBar .sideBar-ul li{
  float:left;
  width:0.6rem;
  text-align:center;
  
}
.sideBar .sideBar-ul li a{
  float:left;
  width:0.6rem;
  font-size:0.32rem;
  padding:0.1rem 0;
  border-top-left-radius:4px;
border-bottom-left-radius:4px;
  margin-bottom:0.1rem;

  color:#fff;
  background:#00a0ee;
}
.tast-img{
  position:absolute;
  width:1.3rem;
  top:-0.75rem;
  left:0;
  z-index:9999;
}
.padding-13{
  padding-left:1.1rem;
}
.class-list{
  overflow:hidden;
  margin-bottom:0.3rem;
}
.class-list li{
  position:relative;
  float:left;
  width:1.78rem;
  height:0.62rem;
  line-height:0.62rem;
  margin-left:0.1rem;
  margin-bottom:0.15rem;
  text-align:center;
  color:#666;
  font-size:0.28rem;
  border: 1px solid #e5e5e5;

}
.login-box .class-list .curr{
  color:#00a0ea;
  border: 1px solid #00a0ea;

}
.class-list .marleft-first {
  _margin-left: 0;
  margin-left: 0;
}
.class-tit{
  font-size:0.26rem;
  margin-bottom:0.1rem;
  font-weight:500;
  text-align:left;
}
.class-btn{
 padding:0 1.4rem;
}

/*footer {*/
.footer {
   position:relative;
   padding:0.7rem 0 0.44rem;
  background: #e9eaec;


}
.footer ul{
  overflow:hidden;
}
.footer ul li{
  float:left;
  width:20%;
  line-height:0.25rem;
  line-height:0.25rem;
  text-align:center;
    -webkit-flex: 1!important;
  -webkit-box-flex: 1;
  background: url(../images/line.png) right center no-repeat;
  background-size: 1px .23rem;
 
}
.footer ul .oNborder{
  border:0;
}
.footer ul li a{
  display:inline-block;
  width:100%;
  font-size:0.16rem;
  color:#999;
  text-align:center;
}
.footer  .copyright {
    font-size:0.14rem;
  padding-top:0.2rem;
    text-align: center;
  color: #999;
}
